<script setup lang="ts">
const { size, index, hash, percentage } = defineProps(['size', 'index', 'hash', 'percentage'])
</script>

<template>
    <a-row :gutter="16">
        <a-col :span="1">
            {{ index + 1 }}
        </a-col>
        <a-col :span="10">
            {{ hash }}
        </a-col>
        <a-col :span="3">{{ (size / 1024 / 1024).toFixed(7)}} MB</a-col>
        <a-col :span="10">
            <a-progress :percent="percentage" />
        </a-col>
    </a-row>
</template>
